<template>
  <div class="home">
    <main>
      <router-view></router-view>
    </main>
    <footer>
      <van-tabbar route>
        <van-tabbar-item replace to="/home/homes" icon="home-o"> 首页 </van-tabbar-item>
        <van-tabbar-item replace to="/home/mce" icon="credit-pay">问药</van-tabbar-item>
        <van-tabbar-item replace to="/home/inquiry" icon="search"> 快速问诊 </van-tabbar-item>
        <van-tabbar-item replace to="/home/record" icon="setting-o"> 问诊记录 </van-tabbar-item>
        <van-tabbar-item replace to="/home/mine" icon="friends-o"> 个人中心 </van-tabbar-item>
      </van-tabbar>
    </footer>
  </div>
</template>

<script>
export default {
  naem: "home",
};
</script>

<style scoped>
.home{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.icon-yaopin{
  font-size: 17px;
}
main{
  flex: 1;
  overflow:scroll;
}
footer{
  height: 0.5rem;
}

</style>
